max - height

/Internet Explorer			/Netscape		/Opera			/Safari			/Firefox
6.0	7.0	8.0	8.0	9.0	8.0	9.2	9.5	1.3	2.0	3.1	1.5	2.0	3.0
Ні	Частково	Так	Так	Так	Так	Так	Так	Так	Так	Так	Так	Так	Так

Коротка інформація

CSS	CSS2
Значення за умовчанням	none
Наслідує	Ні
Застосовується	До усіх елементів, окрім вбудованих і таблиць
Аналог HTML	Ні
Посилання на специфікацію	http://www.w 3.org/TR/CSS21/visudet.html#min - max - heights

Опис

Встановлює максимальну висоту елементу. Значення висоти елементу обчислюватиметься залежно від значень встановлених властивостей height, max - height і min - height. У таблиці. 1 показано, чим керується браузер при спільному використанні вказаних стильових властивостей.

Таблиця. 1. Висота елементу
Значення властивостей					Ширина
min - width	<	height	<	max - height	height
		height	<	max - height	height
		height	>	max - height	max - height
min - height	>	height	>	max - height	min - height
min - height	>	height	<	max - height	min - height

Дані з таблиці слід розуміти таким чином. Якщо значення висоти (height) більше значення max - height, то висота елементу приймається рівною значенню max - height.

Синтаксис

max - height: значення | відсотки | none | inherit

Значення

Як значення приймаються піксели (px), відсотки (%) і інші одиниці виміри, прийняті в CSS. Негативні значення не допускаються.

none Відміняє дію цієї властивості.

inherit Наслідує значення батька.

Приклад

HTML 4.0 CSS 2.1 IE 6 IE 7 IE 8 Op 9.5 Sa 3.1 Ff 2.0 Ff 3.0

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN""http ://www.w 3.org/TR/html4/strict.dtd">

<html>

  <head>

  <meta http-equiv="Content-Type" content="text/html; charset=windows - 1251">

  <title>max - height</title>

    <style type="text/css">

   .   .block {

        overflow: auto; /* Смуга прокрутки при необхідності */

        padding: 10px; /* Полів навколо тексту */

        max - height: 80px; /* Максимальна висота */

        background: #ffe; /* Колір фону */

        border: 1px solid #cb2027; /* Параметрів рамки */

   .   .block p {

        margin: 2px auto; /* Відступів в абзаці */

    </style>

  </head>

  <body>

    <div class="block">

        <p>Блокування елементу не дозволяє взагалі робити з

              ним яких-небудь дій, у тому числі виділяти вміст

              текстового поля, змінювати його або активізувати.

              Заблоковане поле позначається зазвичай сірим кольором</p>

        <p>Деякі браузери дозволяють виділяти і копіювати

              вміст заблокованого текстового поля, але усе

              інші дії недоступні.</p>

    </div>

  </body>

</html>

Результат цього прикладу показаний на мал. 1.

Мал. 1. Результат використання властивості max - height

Об'єктна модель

[window.]document.getElementById("elementID").style.maxHeight

Браузери

Internet Explorer до сьомої версії включно не підтримує значення inherit.